﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="valid" uri="http://www.yst.org/tags/valid" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>银商通支付通信前置系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<meta name="description" content="银商通支付通信前置系统">
	<meta name="author" content="sheungxin">
	<!-- STYLESHEETS --><!--[if lt IE 9]><script src="js/flot/excanvas.min.js"></script><script src="js/flot/html5.js"></script><script src="js/css3-mediaqueries.js"></script><![endif]-->
	<link rel="stylesheet" type="text/css" href="css/cloud-admin.min.css" >
	<link rel="stylesheet" type="text/css"  href="css/themes/default.min.css" id="skin-switcher" >
	<link rel="stylesheet" type="text/css"  href="css/responsive.min.css" >
	
	<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- JQUERY UI-->
	<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
	<!-- TYPEAHEAD -->
	<link rel="stylesheet" type="text/css" href="js/typeahead/typeahead.css" />
	<!-- SELECT2 -->
	<link rel="stylesheet" type="text/css" href="js/select2/select2.min.css" />
	<!-- UNIFORM -->
	<link rel="stylesheet" type="text/css" href="js/uniform/css/uniform.default.min.css" />
</head>
<body  ng-app="queryApp" ng-controller="queryController">
			<div class="container">
				<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
				<div class="modal fade" id="box-del" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
					  <div class="modal-content">
						<div class="modal-header">
						  <br></div><br><br></div>
					</div>
				  </div>
				<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
				<div class="row">
					<div id="content" class="col-lg-12">
						<!-- PAGE HEADER-->
						<div class="row">
							<div class="col-sm-12">
								<div class="page-header">
									<!-- STYLER -->
									
									<!-- /STYLER -->
									<!-- BREADCRUMBS -->
									<ul class="breadcrumb">
										<li>
											<i class="fa fa-th-large"></i>
											接口查询
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- /PAGE HEADER -->
						
						<!-- EXPORT TABLES -->
						<div class="row">
							<div class="col-md-12">
								<!-- BOX -->
								<div class="box border primary">
									<div class="box-title">
										<h4><i class="fa fa-table"></i></h4>
										<div class="tools hidden-xs">
											<a href="javascript:;" class="reload" ng-click="refreshData()">
												<i class="fa fa-refresh"></i>
											</a>
											<a href="javascript:;" class="collapse">
												<i class="fa fa-chevron-up"></i>
											</a>
										</div>
									</div>
									<div class="box-body" >
										<div class="clearfix">
											<form class="form-horizontal" role="form" id="myForm" name="myForm">											
												<div class="form-group">													
													<div class="col-sm-4">
														<select id="channelId" name="channelId" ng-model="query.channelId" style="width:100%">
														  	<option></option>
														  	<option ng-repeat="channel in channelList" value="{{channel.channelId}}">{{channel.name}}</option>
														</select>
													</div>																						
													<div class="col-sm-4">
														<select id="businessId" name="businessId" ng-model="query.businessId" style="width:100%">
														  	<option></option>
														  	<option ng-repeat="business in businessList" value="{{business.businessId}}">{{business.name}}</option>
														</select>
													</div>
													<div class="nav pull-right">														
														<button class="btn btn-success" ng-click="load()">查询</button>
														<button class="btn" ng-click="queryReset()">重置</button>&nbsp;&nbsp;&nbsp;&nbsp;
													</div>
												</div>												
												<div class="form-group">
													<div class="col-sm-4">
														<input type="text" id="queryIp" name="queryIp" ng-model="query.queryIp"  placeholder="请输入待检索的关键字：Ip地址" class="form-control"/>
													</div>												
													<div class="col-sm-4">
														<input type="text" id="queryName" name="queryName" ng-model="query.queryName"  placeholder="请输入待检索的关键字：接口名称" class="form-control"/>
													</div>
												</div>	
												<div class="separator">接口支持功能</div>											
												<div class="form-group">
													<div class="col-sm-4">
														<label ng-repeat="interProp in interPropList">
														   <input type="checkbox" name="query.interProps[]"  value="{{interProp.dictionaryId}}" ng-checked="selection.indexOf(interProp.dictionaryId) > -1"  ng-click="toggleSelection(interProp.dictionaryId)"> {{interProp.name}}&nbsp;&nbsp;
														</label>												 
													</div>								
												</div>						
											</form>
										</div>		
										<div class="separator"></div>								
										<table id="example-dark" class="table table-striped">
											<thead>
												<tr>	
													<th></th>													
													<th>接口名称</th>													
													<th>业务分类</th>
													<th>机构</th>
													<th>部署状态</th>
													<th>运行状态</th>
													<th>最近更新时间</th>
													<th>操作</th>
												</tr>
											</thead>
											<tbody>
												<tr ng-repeat="interface in pageInfo.list" ng-cloak class="ng-cloak">	
													<td>{{$index+1}}</td>													
													<td><i class="{{interface.name}}"></i>&nbsp;{{interface.name}}</td>
													<td>{{interface.businessName}}</td>
													<td>{{interface.channelName}}</td>
													<td>
														<span ng-switch on="interface.enableStatus">
															<span ng-switch-when="1">未部署</span>
															<span ng-switch-when="2">已部署</span>
														</span>
													</td>													
													<td>
														<span ng-switch on="interface.runStatus">
															<span ng-switch-when="0">测试</span>
															<span ng-switch-when="1">正常</span>
															<span ng-switch-when="2">故障</span>
															<span ng-switch-when="3">停用</span>
														</span>
													</td>													
													<td>
														{{interface.utime | date:'yyyy-MM-dd HH:mm:ss'}}
													</td>											
													<td>
														<a href="manage/query/interDetails.jsp?id={{interface.channelInterId}}">详情</a>
													</td>
												</tr>
											</tbody>
										</table>
										<div class="text-right">
							        <ul class="pagination" ng-show="pageInfo.pages>1">
							        	<li class="disabled">
							        		<a>共{{pageInfo.total}}条</a>
									        	</li>
									        	<li class="disabled">
								        	<a href="javascript:void(0)" ng-cloak class="ng-cloak">第{{pageInfo.pageNum}}页</a>
								        </li>
								        <li ng-class="{true:'disabled'}[pageInfo.pageNum==1]">
								        	<a href="javascript:void(0)" ng-click="pageInfo.pageNum>1;loadPage(1)">首页</a>
								        </li>
								        <li ng-class="{true:'disabled'}[pageInfo.pageNum==1]">
								        	<a href="javascript:void(0);" ng-click="prev()">上一页</a>
								        </li>
								        <li ng-repeat="page in pageInfo.pageLinks" ng-class="{true:'disabled'}[pageInfo.pageNum==page]">
								        	<a href="javascript:void(0);" ng-click="loadPage(page)" ng-cloak class="ng-cloak">{{ page }}</a>
								        </li>
								        <li ng-class="{true:'disabled'}[pageInfo.pageNum>=pageInfo.pages]">
								        	<a href="javascript:void(0);" ng-click="next()">下一页</a>
								        </li>
								        <li ng-class="{true:'disabled'}[pageInfo.pageNum>=pageInfo.pages]">
								        	<a href="javascript:void(0)" ng-click="pageInfo.pageNum<pageInfo.pages;loadPage(pageInfo.pages)">尾页</a>
								        </li>
								        <li class="disabled">
								        	<a href="javascript:void(0)" ng-cloak class="ng-cloak">共{{pageInfo.pages}}页</a>
								        </li>
								        <li class="disabled">
						        		<a>跳转到</a>
							        	</li>
								        <li class="disabled">
							        		<a style="padding:0 0 0 0;"><input type="text" style="height:30px;width:50px;border:0px;outline:0px;" ng-model="goPageNum" ng-keyup="goPage($event)"/></a>
							        	</li>
							        	<li class="disabled">
							        		<a>页</a>
							        	</li>
								    </ul>
										</div>
									</div>
								</div>
								<!-- /BOX -->
							</div>
						</div>
						<!-- /EXPORT TABLES -->
						<div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
						</div>
					</div><!-- /CONTENT-->
				</div>
			</div>  
	<script src="js/jquery/jquery-2.0.3.min.js"></script>
	<!-- JQUERY UI-->
	<script src="js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!-- BOOTSTRAP -->
	<script src="bootstrap-dist/js/bootstrap.min.js"></script>
	<script src="js/jquery-validate/jquery.validate.min.js"></script>
	<script src="js/jquery-validate/myvalidate.js"></script>
	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script><script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
	<!-- COOKIE -->
	<script type="text/javascript" src="js/jQuery-Cookie/jquery.cookie.min.js"></script> 
	<!-- TYPEHEAD -->
	<script type="text/javascript" src="js/typeahead/typeahead.min.js"></script>
	<!-- AUTOSIZE -->
	<script type="text/javascript" src="js/autosize/jquery.autosize.min.js"></script>
	<!-- SELECT2 -->
	<script type="text/javascript" src="js/select2/select2.min.js"></script>
	<!-- UNIFORM -->
	<script type="text/javascript" src="js/uniform/jquery.uniform.min.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="js/script.js"></script>
	<script>
		jQuery(document).ready(function() {
		   	App.init();
		});
	</script>
	<script src="js/modules/pagination.js"></script>
	<script src="js/angular.min.js"></script>
	<script src="js/modules/manage/query/listChan.js"></script>
</body>
</html>